<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
{#block可以广泛用于设置head中的title、style、link、script等等#}
    {% block title %}{% endblock %}
    <style>
        .nav {
            background-color: #3d3d3d;
            height: 64px;
        }
        ul li {
            float: left;
            list-style: none;
            padding-left: 10px;
            line-height: 64px;
        }
        ul li a {
            color: #fff;
            text-decoration: none;
        }
    </style>
</head>
<body>
{#定义一个基类，在基类中写公共的html代码#}
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">发布问答</a></li>
        </ul>
    </div>
{#子类不同的代码需要使用block包裹起来，起一个名字，子类重载这个block块，在其中写自己的代码#}
{% block main %}{% endblock %}
</body>
</html>